<template>
    <div class="partner-details">
        <div class="details">
            <div class="bgimg">
                <img class="img" src="/static/images/user/背景@3x.png" alt="">
            </div>
            <div class="padding">
                <div class="partner">
                    <div class="partner-information">
                        <div class="head-portrait">
                            <div class="portrait">
                                <img class="head-portrait-img" src="/static/images/user/化妆品.png" alt="">
                            </div>
                        </div>
                        <div class="information">
                            <div class="partner-name">{{allorders.name}}</div> 
                            <div class="partner-partner">
                                <div class="partner-word">他的堂主：</div>
                                <div class="partner-number">{{allorders.partnersCount}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="amount-integral">
                        <div class="amount">
                            <div class="amount-word">本月销售金额：</div>
                            <div class="amount-number">{{allorders.salesAmount}}</div>
                        </div>
                        <div class="integral">
                            <div class="integral-word">为我带来的美豆：</div>
                            <div class="integral-number">{{allorders.integral}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="partner-son">
            <details-list v-bind:allorders="allorders.shoppingRecord"></details-list>
        </div>
    </div>
</template>
<script>
import DetailsList from "@/pages/user-partner-details/details-list.vue"
export default {
    data(){
        return{
        name:"啊哈哈",
        allorders:{}
        } 
    },
    onLoad(option){
        console.log(option)
        this.$http.get("profit/members/"+option.aid+"").then((res=>{
            console.log(res)
        this.allorders = res.data.data;      
      })
      )  
    },
    components:{
        DetailsList,
    }
}
</script>
<style scoped>
/* .partner-details{
    background-color: #efeff4;
} */
/* 合伙人信息 */
.details{
    position: relative;
}
.bgimg{
    width: 100%;
    height: 314rpx;
}
.img{
    height: 100%;
    width: 100%;
}
.padding{
    width: 100%;
}
.partner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.partner-information{
    display: flex;
    height: 234rpx;
    justify-content:center;
    align-items: center;
}
.head-portrait{
    flex: 1;
}
.portrait{
    /* width: 100%; */
    height: 100%;
    display: flex;
    justify-content:center;
    align-items: center;
    margin-left: 26rpx;
}
.head-portrait-img{
    width: 140rpx;
    height:140rpx ;
    border-radius: 100%;
}
.information{
    flex: 4;
    padding-left: 30rpx;
}
.partner-name{
    font-size: 34rpx;
}
.partner-partner{
    display: flex;
    align-items: center;
}
.partner-word{
    font-size: 28rpx;
}
.partner-number{
    font-size: 28rpx;
    color: #e38a8a;
}
.amount-integral{
    display: flex;
}
.amount{
    flex: 1;
    margin-left: 24rpx;
}
.amount-word{
    font-size: 28rpx;
    float: left;
}
.amount-number{
    font-size: 28rpx;
    color: #e38a8a;
    float: left;
}
.integral{
    flex: 1;
    margin-right: 24rpx;
    display: flex;
    justify-content: flex-end;
}
.integral-word{
    font-size: 28rpx;
    float: left;
}
.integral-number{
    font-size: 28rpx;
    color: #e38a8a;
    float: left;
}
</style>



